<footer>
  <div class="footer-main">
    <img src="/imgs/logo-white.png" class="logo" />
    <div class="footer-menu">
      <ul>
        <li class="link-home"><a href="/">Home</a></li>
	<!-- <li><a href="/blog/about">About</a></li> -->
	<li><a href="/blog/why-ros">Why ROS?</a></li>
	<li><a href="/blog/getting-started/#">Getting Started</a></li>
	<li><a href="/blog/community">Community</a></li>
	<li><a href="/blog/ecosystem">Ecosystem</a></li>
      </ul>
    </div>
    <div class="footer-submenu-mob">
      <ul>
        <li><a href="https://robotics.stackexchange.com/">Q&A</a></li>
        <li><a href="http://discourse.ros.org">Forum</a></li>
        <li><a href="http://index.ros.org">Packages</a></li>
        <li><a href="http://wiki.ros.org">Wiki</a></li>
	<li><a href="http://docs.ros.org">Documentation</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-sub">
    <div class="footer-sub-menu">
      <ul>
	<li><a href="/blog/media">media</a></li>
        <li><a href="https://robotics.stackexchange.com/">Q&A</a></li>
        <li><a href="http://discourse.ros.org">Forum</a></li>
        <li><a href="http://index.ros.org">Packages</a></li>
        <li><a href="http://roscon.ros.org">ROSCon</a></li>
        <li><a href="http://wiki.ros.org">Wiki</a></li>
	<li><a href="http://docs.ros.org">documentation</a></li>
	<li><a href="/blog/discord">discord</a></li>
      </ul>
    </div>
    <div class="legal">
      <p>
	Brought to you by <a href="https://www.openrobotics.org">Open Robotics</a> |
	        licensed under
        <a href="https://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> | ©2021 <a href="https://www.openrobotics.org">Open Robotics</a>
      </p>
    </div>
  </div>
  <script src="/javascript/owlcarousel/jquery.min.js"></script>
  <script src="/javascript/owlcarousel/owl.carousel.min.js"></script>
  <script>
    $(document).ready(function() {
      $("#video-carousel").owlCarousel({
        items: 1,
        nav: true,
        center: true,
        stagePadding: 10,
        videoWidth: 500,
        videoHeight: 280,
        merge: false,
        loop: true,
        margin: 0,
        lazyLoad: false,
        center: true,
        responsive: {
          500: {
            items: 1
          },
          501: {
            items: 3
          },
          1200: {
            items: 5
          }
        }
      });
    });

    $(document).ready(function() {
      $("#support-carousel").owlCarousel({
        items: 3,
        nav: false,
        center: true,
        merge: false,
        stagePadding: 0,
        padding: 0,
        loop: true,
        rewind: true,
        lazyLoad: false,
        responsive: {
          480: {
            items: 3
          }
        }
      });
    });

    $(document).ready(function() {
      $("#blog-image-slider").owlCarousel({
        items: 3,
        loop: true,
        nav: false,
        dots: false,
        center: true,
        padding: 20,
        responsiveClass: true,
        responsive: {
          0: {
            items: 1
          },
          480: {
            items: 3
          }
        }
      });
    });

    $(document).ready(function() {
      $("#description-image-slider").owlCarousel({
        items: 3,
        loop: true,
        nav: false,
        dots: false,
        center: true,
        padding: 20,
        responsiveClass: true,
        responsive: {
          0: {
            items: 1
          },
          480: {
            items: 3
          }
        }
      });
    });
  </script>
</footer>
